<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, width=device-width" name="viewport">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/rem.js" ></script>
		<title></title>
	</head>
	<body>
		<div class="wrap">
			<div class="nav">
				<div class="back"><img src="img/back.png"/></div>
				订单查询
			</div>
			<div class="mainBox">
				<div class="inpList">
					<p>产品类型：</p>
					<select class="ban_pag">
						<option value="low" selected  class="on">手机号码</option>
						<option value="mid" >宽带账号</option>
						<option value="mid" >订单号</option>	
				    </select>	
				</div>
				
				<div id="ranking_0">
					<div class="inpList">
						<p>手机号码：</p>
						<input type="text" value="" placeholder="请填写手机号码">
					</div>
					<div class="inpList">
						<p>验证码：</p>
						<input type="text" value="" placeholder="请输入验证码"><span class="msgs">获取验证码</span>
					</div>
				</div>
				<div id="ranking_1" style="display: none;">
					<div class="inpList">
						<p>宽带账号：</p>
						<input type="text" value="" placeholder="请输入宽带账号">
					</div>
					<div class="inpList">
						<p>密码：</p>
						<input type="text" value="" placeholder="请输入密码">
					</div>
				</div>
				<div id="ranking_2" style="display: none;">
					<div class="inpList">
						<p>订单号：</p>
						<input type="text" value="" placeholder="请输入宽带账号">
					</div>
				</div>

			</div>
			<a href="ddlb.html" class="cx_bt">查询</a>
			<a href="index.html" class="qt_bt">身份证查询 >></a>
		</div>

		<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
		<script type="text/javascript" src="js/jquery-common.js"></script>
		<script type="text/javascript">
				$(function  () {
				//获取短信验证码
				var validCode=true;
				$(".msgs").click (function  () {
					var time=30;
					var code=$(this);
					if (validCode) {
						validCode=false;
						code.addClass("msgs1");
					var t=setInterval(function  () {
						time--;
						code.html(time+"秒");
						if (time==0) {
							clearInterval(t);
						code.html("重新获取");
							validCode=true;
						code.removeClass("msgs1");

						}
					},1000)
					}
				})
			})
  </script>
	</body>
</html>
